function ViewportShading( editor ) {

  const dom=document.createElement('select');
  dom.style.position='absolute';
  dom.style.right='10px';
  dom.style.top='10px';

  const defaultOpt=document.createElement('option');
  const normals=document.createElement('option');
  const wireframe=document.createElement('option');

  defaultOpt.value='default';
  normals.value='normals';
  wireframe.value='wireframe';

  defaultOpt.textContent='默认';
  normals.textContent='法线';
  wireframe.textContent='线框';
  
  dom.appendChild(defaultOpt);
  dom.appendChild(normals);
  dom.appendChild(wireframe);

  dom.onchange=(e)=>{
    let shading=e.target['value'];
    editor.setViewportShading( shading );
  }
  editor.signals.viewportShadingChanged.add(()=>{
    dom.value=editor.viewportShading;
  })

	return dom;

}

export { ViewportShading };